<template>
    <div class="order-list">
        <el-table :data="orderData" style="width: 100%" row-key="id" border lazy :load="load">
            <el-table-column prop="id" label="Id" />
            <el-table-column prop="userName" label="用户名" />
            <el-table-column prop="Receiver" label="回收员" />
            <el-table-column prop="status" label="状态" />
            <el-table-column prop="recoveryTime" label="回收时间" />
            <el-table-column prop="recoveryPrice" label="回收价格" />
        </el-table>
    </div>
</template>

<script setup>
import { ref } from 'vue'
    const orderData = ref([
        { id: 1, userName: '张三', Receiver: '李四', status: '已完成', recoveryTime: '2021-01-01', recoveryPrice: '100' },
        { id: 2, userName: '李四', Receiver: '王五', status: '已完成', recoveryTime: '2021-01-01', recoveryPrice: '100' },
        { id: 3, userName: '王五', Receiver: '赵六', status: '已完成', recoveryTime: '2021-01-01', recoveryPrice: '100' },
        { id: 4, userName:'赵六', Receiver: '孙七', status: '已完成', recoveryTime: '2021-01-01', recoveryPrice: '100' },
        { id: 5, userName: '孙七', Receiver: '周八', status: '已完成', recoveryTime: '2021-01-01', recoveryPrice: '100' },
        { id: 6, userName: '周八', Receiver: '吴九', status: '已完成', recoveryTime: '2021-01-01', recoveryPrice: '100' },
    ])
</script>

<style scoped></style>